<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

<h:head></h:head>
<h:body>
	<p:dialog id="dialogAnimal" modal="true" width="50%" appendTo="@(body)" 
		widgetVar="dialogCadastroAnimal" closable="false" 
		header="Cadastro de Animal" resizable="true" draggable="true">
		<p:ajax event="close"
			listener="#{clienteMB.clienteDetalheMB.closeAnimal}"
			update="frmDialogAnimal" />
		<h:form id="frmDialogAnimal">

			<h:panelGrid columns="2" style="horizontal-align:center">
				<p:outputLabel value="Codigo:" />
				<p:inputText id="codigo"
					value="#{clienteMB.clienteDetalheMB.animalSelecionado.codigo}"
					disabled="true" />

				<p:outputLabel value="Data de Cadastro:" />
				<p:inputMask id="dataCadastro"
					value="#{clienteMB.clienteDetalheMB.animalSelecionado.dataCadastro}"
					disabled="true" maxlength="10" mask="99/99/9999">
					<f:convertDateTime pattern="dd/MM/yyyy" timeZone="GMT-3" />
				</p:inputMask>

				<p:outputLabel for="nomeanimal" value="Nome do Animal:" />

				<p:inputText id="nomeanimal"
					value="#{clienteMB.clienteDetalheMB.animalSelecionado.nomeAnimal}"
					disabled="true" required="true" maxlength="50"  style="width:250px"
					requiredMessage="Nome do Animal é obrigatório!" />


				<p:outputLabel value="Tipo de Animal:" for="selecttipo"></p:outputLabel>
				<p:inputText
					value="#{clienteMB.clienteDetalheMB.animalSelecionado.tipoAnimal.descricao}"
					required="true" id="selecttipo" style="width:250px" disabled="true">
				</p:inputText>

				<p:outputLabel value="Raça:" for="iptraca"></p:outputLabel>
				<p:inputText id="iptraca"
					value="#{clienteMB.clienteDetalheMB.animalSelecionado.raca.descricao}"
					
					disabled="true"></p:inputText>

				<p:outputLabel value="Pelagem/Cor:" for="iptcor"></p:outputLabel>
				<p:inputText id="iptcor"
					value="#{clienteMB.clienteDetalheMB.animalSelecionado.cor}"
					 style="width:250px" required="true"
					requiredMessage="Pelagem/Cor é obrigatória" maxlength="50"
					disabled="true"></p:inputText>

				<p:outputLabel value="Sexo:" for="genero"></p:outputLabel>
				<p:selectOneRadio id="genero" disabled="true"
					value="#{clienteMB.clienteDetalheMB.animalSelecionado.generoAnimal}">
					<f:selectItems var="genero"
						value="#{clienteMB.clienteDetalheMB.listaGenero}"
						itemLabel="#{genero.descricao}" itemValue="#{genero}"></f:selectItems>
				</p:selectOneRadio>

				<p:outputLabel value="Data Nascimento:" for="dataNasc" />
				<p:inputMask
					value="#{clienteMB.clienteDetalheMB.animalSelecionado.dataNascimento}"
					disabled="true" required="true" maxlength="8"
					requiredMessage="Data de Nascimento é obrigatória!" id="dataNasc"
					mask="99/99/9999">
					<f:convertDateTime pattern="dd/MM/yyyy" timeZone="GMT-3" />
				</p:inputMask>


				<p:outputLabel value="Observações:"></p:outputLabel>
				<p:inputTextarea id="obs"  style="width:250px"
					value="#{clienteMB.clienteDetalheMB.animalSelecionado.observacao}"
					disabled="true" maxlength="150"></p:inputTextarea>

			</h:panelGrid>
			<h:panelGrid columns="2">

				<p:commandButton id="btnFechar" value="Cancela"
					onclick="dialogCadastroAnimal.hide()" immediate="true" />
			</h:panelGrid>
		</h:form>
	</p:dialog>
</h:body>

</html>